<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>易果网</title>
		<link rel="stylesheet" href="css/comlog.css" />
		<link rel="stylesheet" href="css/login.css" />
		<script src="js/jquery/jquery-1.11.3.js"></script>
	</head>
	<body>
		<!--header-->
		<div id="header">
			<header>
				<h1>
					<a href="">
						<img src="img/logo.png" alt="" />
					</a>			
				</h1>
				<h3>登录</h3>
			</header>
		</div>
		<!--con-->
		<div class="con">
			<div class="leftCon">
				<img src="img/login_bg.jpg" alt="" />
			</div>
			<div class="rightCon">
				<div>
					<h2>欢迎登录</h2>
					<a href="register.html">立即注册</a>
					<span>还没有账号？ </span>
				</div>
				<div class="tishi"></div>
				<ul>
					<li>
						<span></span><input type="text" placeholder="邮箱/账号/已验证手机" />
					</li>
					<li>
						<span></span><input type="password" placeholder="密码" />
					</li>
					<li>
						<span></span>
						<input type="text" placeholder="验证码" />
						<span><img src="img/ma1.jpg" alt="" /><a href="javascript:;">换一张</a></span>
					</li>
					<li>
						<input type="checkbox" /><span class="sp">自动登录</span><a href="">忘记密码？</a>
					</li>
					<li>
						<input type="submit" placeholder="登录"/>
					</li>					
				</ul>
				<div class="three">
					<h3>第三方登录</h3>
					<ul>
						<li>
							<a href=""javascript:;></a>
						</li>
						<li>
							<a href=""javascript:;></a>
						</li>
						<li>
							<a href=""javascript:;></a>
						</li>
					</ul>
					<div>
						<p>亲，第三方登录目前仅支持移动端，请拿起手机扫描以下二维码下载易果生鲜APP或关注微信服务号吧！</p>
						<img src="img/code.jpg" alt="" />
						<span></span>
					</div>
				</div>				
			</div>			
		</div>
		<!--mask-->
		<div class="mask"></div>
		<!--combottom-->
		<div id="comBom">
			<script>
				$("#comBom").load("footer.html")
			</script>
		</div>
	</body>
</html>
<script src="js/login.js"></script>